@charset "utf-8";
/* CSS Document */


#avatar{width:100px;
   display: block;
    margin-left: auto;
    margin-right: auto;
	height:100px;
border-radius: 100%;
 
}

body{
	background:url(../../Bg%20Vedio/22281737_860996940744751_4495528030490205282_n5.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;}
	
	
	header{	
height:680px;
	width:100%;
	}
	
	          /*________________________________BACKGROUND VEDIO START______________________________________*/


#video-bg{
	top: 0px; 
left:0px;
z-index: -1;
  position:absolute;
  min-height:100%;
  min-width:100%;
}




             /*______________________________BACKGROUND VEDIO ENDS_______________________________________*/





             /*______________________________NAVIGATIONS STARTS_______________________________________*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);





nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover:after {
  width: 100%;
}

nav ul li a {
  position: relative;
}
nav ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #FFF;
  height: 1px;
}
























.toggle,
[id^=drop] {
	display: none;
	transition: all .5s;
/*	background:#333*/
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
 	
padding-left:180px	
}



nav:after {
	content:"";
	display:table;
	clear:both;
	
	
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	font-family:play fair;
	font-weight:500;
	font-style:italic;
	
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
/*	background-color: #333;*/
	
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 20px;	
	color:#FFF;
	font-size:19px;
	text-decoration:none;
}




/* Background color change on Hover */
nav a:hover { 
	 
	color:#fff;
	text-decoration:none;
	font-size:20px
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 50px; 
	
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
	
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' '; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {
	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
		
	
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		color:#fff;	
		padding:14px 20px;	
		font-size:17px;
		text-decoration:none;
		font-family:play fair;
		font-weight:bold;
		font-style:italic;
	}

	.toggle:hover {
	font-size:20px	
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:20px; 
	}
  
  
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}



                /*__________________________NAVIGATION ENDS____________________________________*/





             /*______________________________LOGO IMAGE STARTS_______________________________________*/








#logo-img {
  display: block;
 
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
  webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  animation-duration: 5s;    
}

	
	
#logo_text{
color:#FFF;
text-align:center;
font-family:play fair;
font-style:italic;
font-size:3vw;
margin-top:-10px;
webkit-animation-name: zoomIn;
  animation-name: zoomIn;
    animation-duration:12s;
}


.logo_span{color:#FFF;
text-align:center;
font-family:play fair;
font-style:italic;
	font-size:1.2wv;
	webkit-animation-name: zoomIn;
  animation-name: zoomIn;
    animation-duration:12s;
	}



@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}




             /*______________________________LOGO IMAGE ENDS_______________________________________*/


/*_______________________SCROLL STARTS_______________________________*/

.scroll{
    width: 30px;
    height: 50px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    cursor: pointer;
	margin-bottom:-300px;
	margin-left:-5px;
	
   
}
.scroll .mouse{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border: 2px solid #FFF;
    border-radius: 20px;
}
.scroll .wheel{
    width: 4px;
    height: 4px;
    top: 10px;
    left: 50%;
    position: absolute;
    background: #FFf;
    display: block;
    border-radius: 50%;
    margin-left: -2px;
    animation-name: scroll-wheel;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes scroll-wheel{
    from{
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    to{
        transform: translate3d(0, 10px, 0);
        opacity: 0;
    }
}



/*______________________SCROL ENDS______________________________*/



/*_____________________________SECTIONS PORTION STARTS_________________________*/

		
		/*_______________________________DESTINATION STARTS___________________________________*/
	
	


#About_Indonesia
{
height:360px;
margin-top:70px	
	}
	
	
	
	
	#About_Indonesia1{
height:250px;
background:#FFF;
margin-top:55px;
margin-left:270px
		}
		
		
#Places_indonesia{height:900px;
margin-top:70px;
border:}

#rate{height:56px;
top:-20px;
position:absolute;
left:10px;
color:#fff;
background:#27b696;
font-family:play fair;
border-radius:0px 15px 0px 15px;
font-size:12px}


#rate-top{height:56px;
top:-20px;
position:absolute;
right:10px;
color:#fff;
background:#27b696;
font-family:play fair;
border-radius:0px 15px 0px 15px;
}




#Flores-Island{
height:320px;
margin-left:60px;
margin-top:40px;
background:url(../../Bg%20Vedio/flores_island.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;

}


	#box{
	height:180px;
	position:absolute;
	top:70px;
	left:130px;
	background-color: rgba(0, 0, 0, 0.3);
	}
#overlay-1 {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  height: 180px;
  -webkit-transform:scale(0);
  transition: .3s ease;
opacity:1;
	left:1px;
}

#Flores-Island:hover #overlay-1 {
  transform: scale(1)
}

.h3-1 { color:#000;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
font-style:italic;
	border-bottom:1px solid red;
	border-top:1px solid red;
	letter-spacing:5px}

.h3 {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 color:white;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
	font-style:italic;
	border-bottom:1px solid #FFF;
	border-top:1px solid #fff;
	letter-spacing:5px}

  
  
  
  
  
#Mount-Bromo{
height:320px;

margin-left:60px;
margin-top:40px;
background:url(../../Bg%20Vedio/bromo_tengger_semeru_national_park.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;

}


	#Mount-Bromo-box{
	height:180px;
	position:absolute;
	top:70px;
	left:130px;
	background-color: rgba(0, 0, 0, 0.3);
	}
#Mount-Bromo-overlay-1 {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  height: 180px;
  -webkit-transform:scale(0);
  transition: .3s ease;
opacity:1;
	left:1px;
}

#Mount-Bromo:hover #Mount-Bromo-overlay-1 {
  transform: scale(1)
}

.Mount-Bromo-h3-1 { color:#000;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
font-style:italic;
	border-bottom:1px solid red;
	border-top:1px solid red;
	letter-spacing:5px}

.Mount-Bromo-h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 color:white;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
	font-style:italic;
	border-bottom:1px solid #FFF;
	border-top:1px solid #fff;
	letter-spacing:5px}

  




  
#bali-feilds{
height:320px;

margin-left:60px;
margin-top:40px;
background:url(../../Bg%20Vedio/bali.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;

}


	#bali-feilds-box{
	height:180px;
	position:absolute;
	top:70px;
	left:130px;
	background-color: rgba(0, 0, 0, 0.3);
	}
#bali-feilds-overlay-1 {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  height: 180px;
  -webkit-transform:scale(0);
  transition: .3s ease;
opacity:1;
	left:1px;
}

#bali-feilds:hover #bali-feilds-overlay-1 {
  transform: scale(1)
}

.bali-feilds-h3-1 { color:#000;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
font-style:italic;
	border-bottom:1px solid red;
	border-top:1px solid red;
	letter-spacing:5px}

.bali-feilds-h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 color:white;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
	font-style:italic;
	border-bottom:1px solid #FFF;
	border-top:1px solid #fff;
	letter-spacing:5px}






  
 
#bali-feilds{
height:320px;

margin-left:60px;
margin-top:40px;
background:url(../../Bg%20Vedio/bali.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;

}


	#bali-feilds-box{
	height:180px;
	position:absolute;
	top:70px;
	left:130px;
	background-color: rgba(0, 0, 0, 0.3);
	}
#bali-feilds-overlay-1 {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  height: 180px;
  -webkit-transform:scale(0);
  transition: .3s ease;
opacity:1;
	left:1px;
}

#bali-feilds:hover #bali-feilds-overlay-1 {
  transform: scale(1)
}

.bali-feilds-h3-1 { color:#000;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
font-style:italic;
	border-bottom:1px solid red;
	border-top:1px solid red;
	letter-spacing:5px}

. 
#bali-feilds{
height:320px;

margin-left:60px;
margin-top:40px;
background:url(../../Bg%20Vedio/bali.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;

}


	#bali-feilds-box{
	height:180px;
	position:absolute;
	top:70px;
	left:130px;
	background-color: rgba(0, 0, 0, 0.3);
	}
#bali-feilds-overlay-1 {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  height: 180px;
  -webkit-transform:scale(0);
  transition: .3s ease;
opacity:1;
	left:1px;
}

#bali-feilds:hover #bali-feilds-overlay-1 {
  transform: scale(1)
}

.bali-feilds-h3-1 { color:#000;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
font-style:italic;
	border-bottom:1px solid red;
	border-top:1px solid red;
	letter-spacing:5px}

.bali-feilds-h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 color:white;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
	font-style:italic;
	border-bottom:1px solid #FFF;
	border-top:1px solid #fff;
	letter-spacing:5px}


 
#Pura-Tanah{
height:320px;

margin-left:60px;
margin-top:40px;
background:url(../../Bg%20Vedio/Pura-Tanah.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;

}


	#Pura-Tanah-box{
	height:180px;
	position:absolute;
	top:70px;
	left:130px;
	background-color: rgba(0, 0, 0, 0.3);
	}
#Pura-Tanah-overlay-1 {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
  height: 180px;
  -webkit-transform:scale(0);
  transition: .3s ease;
opacity:1;
	left:1px;
}

#Pura-Tanah:hover #Pura-Tanah-overlay-1 {
  transform: scale(1)
}

.Pura-Tanah-h3-1 { color:#000;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
font-style:italic;
	border-bottom:1px solid red;
	border-top:1px solid red;
	letter-spacing:5px}

.Pura-Tanah-h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 color:white;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
	font-style:italic;
	border-bottom:1px solid #FFF;
	border-top:1px solid #fff;
	letter-spacing:5px}


.Pura-Tanah-h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 color:white;
  font-size: 24px;
    text-align: center;
	font-family:play fair;
	font-style:italic;
	border-bottom:1px solid #FFF;
	border-top:1px solid #fff;
	letter-spacing:5px}










#advnture{height:470px;
width:100%;
background:url(../../Bg%20Vedio/home_blog_bg.jpg);
background-repeat:no-repeat;
background-size:cover;
z-index:-1;
top:130px;

}



#advnture1{
	height:400px;
	position:absolute;
	top:230px;
	left:250px}



#Advn{
width: 100% ;
	top:0px;
    left:0px;
	z-index: -1;
    position:absolute;
	height:400px
 
}


#texture{height:9px;
}

	
		/*_______________________________DESTINATION STARTS___________________________________*/
	
	
	
	
	
	

		
		
		#hr_img{
			display:block;
		 margin-left:auto;
	     margin-right:auto;
		height:34px;
		margin-bottom:10px;	
		}
		
	
		
		H4{
			text-align:center;
			font-family:play fair;
 			font-style:normal;
			font-weight:300;
			color:#000;
			padding-top:20px;
			letter-spacing:4px;
			}
		
		H2{
			text-align:center;
			font-family:play fair;
 			font-style:normal;
			font-weight:bold;
			color:#000;
			padding-top:20px;
			letter-spacing:7px;
			}
		
		p{font-size:14px;
			text-align:center;
			font-family:play fair;
			color:#333
			
			}
			


		/*_____________________________SECTIONS PORTION ENDS___________________________*/










/*_______________________EXPERT GUID STARTS_________________________________________*/

#expert{float:left;
	height:500px;
	margin-top:270px;

	
	}
	
			

					
			
	h1{
letter-spacing:7px;
			text-align:center;
			font-family:play fair;
 			font-style:normal;
			font-weight:bold;
			color:#000;
			padding-top:20px
			}

/*_______________________EXPERT GUID SENDS_________________________________________*/





			/*____________________FOOTER STARTS__________________________*/
			
	

footer{
		
	background:url(../../Bg%20Vedio/Footer-Background-Image-Digital-Soleutions.jpg);
	position:fixed;
	background-repeat:no-repeat;
	background-size:cover;
		height:350px;}
		
	#wrapper{ height: 10%;
		   margin-top:20px;}
		
		
	
	
   #jitter{
          height: 50px;
		padding-top:5px;
		position: relative;
	    top: 50%; transform:
		translateY(-50%);
        text-align: center;
	border-right:1px dotted #CCCCCC;
    }
	
	
	 #jitter1{
            height: 50px;
		padding-top:5px;
		position: relative;
	    top: 50%; transform:
		translateY(-50%);
        text-align: center;
			border-right:1px dotted #CCCCCC;
    }
	
	
	  #jitter2{
           height: 50px;
		padding-top:5px;
		position: relative;
	    top: 50%; transform:
		translateY(-50%);
        text-align: center;
		border-right:1px dotted #CCCCCC;
    }
	
	
	 #jitter3{
           height: 50px;
		padding-top:5px;
		position: relative;
	    top: 50%; transform:
		translateY(-50%);
        text-align: center;
		
		
    }
	
    a {color: #fff; 
	font-family:play fair;
	text-decoration: none; 
	font-style: italic;
	 font-size: 24px;}
	 
	 #text{color:#cf3}
	 
	 
	 
	 #company_footer{border-right:1px dotted #CCCCCC}
	

	 
	 
	 ul{margin-top:40px;}
	 li{font-size:16px;
			 list-style-type:none;
			 color:#fff;
			 letter-spacing:1px;
			text-align:center; 
	font-family:play fair;
	font-style: italic;
			}
	
		a { 
		color: #fff; 
	 	font-family:play fair;
		text-decoration: none; 
		font-style: italic;
		font-size: 23px;}
		
		#a {
		font-size: 16px;}
		
		#pay-img{
		height:40px;
		width:220px;
		position:absolute;
		left:90px
		}
		
		#copy-right{
		top:30px}
	 
		
	
	
		
		
		#footer_content{
		height:190px;
		top:10px}
		
		#copy-right{height:70px;
	
		top:20px}

	#copy{
	font-size:14px;
	text-align:center;
	font-family:play fair;
 	font-style:normal;
	color:#fff}

 @media only screen and (max-width: 1200px){
	footer{height:470px}
	
	 #footer_content{
		height:290px;
	
		top:10px}
		
		H2{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		font-size:19px;
		letter-spacing:5px;
			}
			H3{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		font-size:19px;
		letter-spacing:5px;
			}
		a { 
		color: #fff; 
	 	font-family:play fair;
		text-decoration: none; 
		font-style: italic;
		font-size: 23px;}
		
		#a {
		font-size: 16px;}
		
		#pay-img{
		height:40px;
		width:220px;
		}
		
		#copy-right{
		top:30px}
	 }
	 
 @media only screen and (max-width: 1100px){
	footer{height:480px}
	 
	 #footer_content{
		height:290px;
		
		top:15px}
		H2{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		font-size:18px;
		letter-spacing:5px;
			}
			
			H3{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;	
		font-size:18px;
		letter-spacing:5px;
			}
			
			
			a { 
		color: #fff; 
	 	font-family:play fair;
		text-decoration: none; 
		font-style: italic;
		font-size: 22px;}
		#a {
		font-size: 15px;}
		
		#pay-img{
		height:40px;
		width:200px;
		}
		
		#copy-right{
		top:40px}
	 }
	 
	  @media only screen and (max-width: 1000px){
	footer{height:490px}
	 #footer_content{
		height:290px;
		
		top:20px}
		H2{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		
		font-size:17px;
		letter-spacing:5px;
			}
			
			H3{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		
		font-size:17px;
		letter-spacing:5px;
			}
			
			a { 
		color: #fff; 
	 	font-family:play fair;
		text-decoration: none; 
		font-style: italic;
		font-size: 21px;}
		#a {
		font-size: 14px;}
		
		#pay-img{
		height:40px;
		width:190px;
		}
		
		#copy-right{
		top:50px}
	 }
	 
	
	  @media only screen and (max-width: 900px){
		  
		  	  #destinations{
height:850px;
	}
	
	 #footer_content{
		height:290px;
	;
		top:25px}
		H2{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		
		font-size:16px;
		letter-spacing:5px;
			}
			
			
			H3{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		
		font-size:16px;
		letter-spacing:5px;
			}
			
			a { 
		color: #fff; 
	 	font-family:play fair;
		text-decoration: none; 
		font-style: italic;
		font-size: 20px;}
		#a {
		font-size: 14px;}
		
		#pay-img{
		height:40px;
		width:180px;
		}
		
		#copy-right{
		top:50px}
	 }
	 
	 
	 
	  @media only screen and (max-width: 800px){
		  
		  #destinations{
height:750px;
	}
	 #footer_content{
		height:290px;
		
		top:30px}
		H2{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
	
		font-size:15px;
		letter-spacing:5px;
			}
			a { 
		color: #fff; 
	 	font-family:play fair;
		text-decoration: none; 
		font-style: italic;
		font-size: 19px;}
		
		
		#a {
		font-size: 13px;}
		
		#pay-img{
		height:40px;
		width:170px;}
		
		#copy-right{
		top:70px}
		
		H3{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		
		font-size:14px;
		letter-spacing:5px;
			}
	 
	 footer{height:510px}
	 }
	 
	 
	 
	  @media only screen and (max-width: 765px){
	 #footer_content{
		height:430px;
	
		top:150px}
	
	footer{height:730px}
	H2{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		
		font-size:14px;
		letter-spacing:5px;
			}
			
			H3{
		text-align:center;
		font-family:play fair;
 		font-style:normal;
		font-weight:bold;
		
		font-size:14px;
		letter-spacing:5px;
			}
			a { 
		color: #fff; 
	 	font-family:play fair;
		text-decoration: none; 
		font-style: italic;
		font-size: 18px;}
		
		#a {
		font-size: 12px;}
		
		#pay-img{
		height:40px;
		width:170px;
		margin-left:220px
		}
		
		#copy-right{
		top:150px}
		
	 }
	 
	 
		/*____________________FOOTER ENDS__________________________*/






















		
		/*_____________________MEDIA  QUERIES____________________________*/



 @media only screen and (max-width: 1270px) {
	 
	
	 
	 
		 #img-div #img-logo{
		 height:260px;
		 margin-top:60px;}
		 
		.scroll .mouse{
		height:48px
				 }
				 
		 #hr_img{
		 height:33px;
		 width:359px
			}
		 
		 nav ul li a{
	     font-size:18px } 
		 
		 
		#Conten_Experience #Conten_Experience_one{
		background:#FFF;
		height:219px;
		
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:219px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:219px;
		top:20px;
		 }
		 
		 
		 
		 h2{
			 font-size:25px}
			 
			  h4{
			 font-size:20px}
			  p{
			 font-size:14px}
			 
			 
	
	 
}



 @media only screen and (max-width: 1230px) {
	 
	 
	 
	 
	 #logo-div #logo-img{
		height:250px;
		margin-top:70px; }
		
		 nav ul li a{
		font-size:17px }
		
		#hr_img{
			 height:32px;
			 width:357px
			}
			
			h2{
			 font-size:24px}
		 
		 
		 
		 	 #Conten_Experience_one{
		background:#FFF;
		height:217px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:217px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:217px;
		top:20px;
		 }
		 
		  h4{
			 font-size:20px}
			  p{
			 font-size:13px}
		 
	 
}


 @media only screen and (max-width: 1170px) {
 #logo-div #logo-img{
		height:240px;
		margin-top:80px; }
		
		 nav ul li a{
		font-size:16px }
		
		#hr_img{
			 height:32px;
			 width:354px
			}
			
			h2{
			 font-size:23px}
			 
			 
			 	 #Conten_Experience_one{
		background:#FFF;
		height:216px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:216px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:216px;
		top:20px;
		 }
		 
		 
		  h4{
			 font-size:19px}
			  p{
			 font-size:13px}
	 
}


 @media only screen and (max-width: 1130px) {
 		#logo-div #logo-img{
		height:230px;
		margin-top:90px; }
	 
	 
	    nav ul li a{
		font-size:16px }
		
		#hr_img{
	    height:32px;
		 width:350px
			}
			
		h2{
			 font-size:22px}
			 
			 
		#Conten_Experience_one{
		background:#FFF;
		height:215px;
		top:20px;
		}
		
		 
		#Conten_Experience_two{
		background:#FFF;
		height:215px;
		top:20px;
		
		
		 }
		 
		#Conten_Experience_three{
		background:#FFF;
		height:215px;
		top:20px;
		 }
		 
		 
		 
		 h4{
		 font-size:18px}
		p{
		font-size:12px}
		 
}


 @media only screen and (max-width: 1070px) {
	   #logo-div #logo-img{
		height:220px;
		margin-top:100px; }
		
		 nav ul li a{
		font-size:15px }
		
		
		#hr_img{
			 height:30px;
			 width:348px
			}
			
			h2{
			 font-size:22px}



	 #Conten_Experience_one{
		background:#FFF;
		height:214px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:214px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:214px;
		top:20px;
		 }
		 
		 
		 	  h4{
			 font-size:17px}
			  p{
			 font-size:12px}
		 	 
}




 @media only screen and (max-width: 1050px) {
	    #logo-div #logo-img{
		height:210px;
		margin-top:105px; }
	 
		 nav ul li a{
		font-size:14px }
		
		#hr_img{
		height:29px;
		 width:346px
			}
			
			h2{
			 font-size:21px}	
			 
			
}

 @media only screen and (max-width: 1030px) {
 #logo-div #logo-img{
		height:209px;
		margin-top:107px; }
	 
	 nav ul li a{
		font-size:14px }
		
		#hr_img{
			 height:27px;
			 width:345px
			}
			
			h2{
			 font-size:20px}
			 
			 
			 	 #Conten_Experience_one{
		background:#FFF;
		height:213px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:213px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:213px;
		top:20px;
		 }
		 
}

 @media only screen and (max-width: 970px) {
 #logo-div #logo-img{
		height:200px;
		margin-top:110px; }
		
		 nav ul li a{
		font-size:13px }
		
		#hr_img{
			 height:26px;
			 width:344px
			}
			
			h2{
			 font-size:19px}
			 
			 
			 	 #Conten_Experience_one{
		background:#FFF;
		height:212px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:212px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:212px;
		top:20px;
		 }
		 
	 
}



 @media only screen and (max-width: 930px) {
 #logo-div #logo-img{
		height:190px;
		margin-top:115px; }
		
		#hr_img{
			 height:25px;
			 width:343px
			}
			
			h2{
			 font-size:18px}
			 
			 
			 	 #Conten_Experience_one{
		background:#FFF;
		height:210px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:210px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:210px;
		top:20px;
		 }
		 
	 
}

 @media only screen and (max-width: 870px) {
 #logo-div #logo-img{
		height:180px;
		margin-top:120px; }
	 
	 	 nav ul li a{
		font-size:12px }
		
		h2{
			 font-size:17px}
			 
			 
			 	 #Conten_Experience_one{
		background:#FFF;
		height:208px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:208px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:208px;
		top:20px;
		 }
		 
}

 @media only screen and (max-width: 830px) {
 #logo-div #logo-img{
		height:180px;
		margin-top:125px; }
	 
	 
	 h2{
			 font-size:17px}
			 
			 
			 	 #Conten_Experience_one{
		background:#FFF;
		height:207px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:207px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:207px;
		top:20px;
		 }
		 
}


 @media only screen and (max-width: 770px) {
 #logo-div #logo-img{
		height:170px;
		margin-top:130px; }
		
		h2{
			 font-size:16px}
			 
			 
			 	 #Conten_Experience_one{
		background:#FFF;
		height:208px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:208px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:208px;
		top:20px;
		 }
		 
		
		
	
				#destinations{margin-top:250px}
	 
}

 @media only screen and (max-width: 730px) {
 #logo-div #logo-img{
		height:160px;
		margin-top:135px; }
		
			 nav ul li a{
		font-size:15px }
		
		
			 #Conten_Experience_one{
		background:#FFF;
		height:203px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:203px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:203px;
		top:20px;
		 }
		 
	 
}

 @media only screen and (max-width: 670px) {
 #logo-div #logo-img{
		height:150px;
		margin-top:140px; }
		
		h2{
			 font-size:14px}
			 
			 	 #Conten_Experience_one{
		background:#FFF;
		height:200px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:200px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:200px;
		top:20px;
		 }
		 
	 
}


 @media only screen and (max-width: 630px) {
 #logo-div #logo-img{
		height:145px;
		margin-top:145px; }
	 
	 h2{
			 font-size:13px}
			 
			 
			 	 #Conten_Experience_one{
		background:#FFF;
		height:198px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:198px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:198px;
		top:20px;
		 }
		 
		 
		 
		 #destinations{
			 margin-top:250px}
}



 @media only screen and (max-width: 600px) {
	 
	 #logo-div #logo-img{
		height:150px;
		margin-top:150px }
		
		
		
			 	 #Conten_Experience_one{
		background:#FFF;
		height:196px;
		top:20px;
		}
		
		 
		 #Conten_Experience_two{
		background:#FFF;
		height:196px;
		top:20px;
		
		
		 }
		 
		 #Conten_Experience_three{
		background:#FFF;
		height:196px;
		top:20px;
		 }
	 
	 

}



 @media only screen and (max-width: 628px) {
	 
	 #logo-div #logo-img{
		height:155px;
		margin-top:150px }
	 

	 
}

	 /* Responsive safety-net additions */
html, body { max-width: 100%; overflow-x: hidden; }
img, video, iframe { max-width: 100%; height: auto; }
.container, .container-fluid, .row { max-width: 100%; }
table { max-width: 100%; display: block; overflow-x: auto; }